<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- default header name is X-CSRF-TOKEN -->
    <link href="/assets/images/logo-left.ico" th:href="@{/assets/images/logo-left.ico}" type="image/x-icon"
          rel="shortcut icon"/>
    <title>车辆GPS管理</title>
    <!-- Bootstrap -->
    <style>
        html, body, div, p, h1, h2, h3, h4, h5, h6, span, select, ul, li, a {
            font-family: "Microsoft YaHei" !important;
            margin: 0;
            padding: 0;
        }

    </style>
    <!-- Bootstrap Styles-->
    <link href="../static/assets/images/jxzlogo.ico" th:href="@{/assets/images/jxzlogo.ico}" type="image/x-icon"
          rel="shortcut icon"/>
    <!-- Bootstrap Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/bootstrap.css"
          th:href="@{/assets/css/bootstrap.css}"/>
    <link rel="stylesheet" href="../static/assets/css/select2.min.css" th:href="@{/assets/css/select2.min.css}">

    <!-- FontAwesome Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/font-awesome.css"
          th:href="@{/assets/css/font-awesome.css}"/>
    <!-- Morris Chart Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/js/morris/morris-0.4.3.min.css"
          th:href="@{/assets/js/morris/morris-0.4.3.min.css}"/>
    <!-- Custom Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/custom-styles.css"
          th:href="@{/assets/css/custom-styles.css}"/>
    <!-- Google Fonts-->
    <link type="text/css" rel="stylesheet" href="../static/assets/js/Lightweight-Chart/cssCharts.css"
          th:href="@{/assets/js/Lightweight-Chart/cssCharts.css}">
    <link type="text/css" rel="stylesheet" href="../static/assets/ztree/css/zTreeStyle/zTreeStyle.css"
          th:href="@{/assets/ztree/css/zTreeStyle/zTreeStyle.css}">
    <!--日期插件-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/jeDate-test.css"
          th:href="@{/assets/css/jeDate-test.css}">
    <link type="text/css" rel="stylesheet" href="../static/assets/laydate/theme/default/laydate.css"
          th:href="@{/assets/laydate/theme/default/laydate.css}">
    <!--时间轴-->
    <link href="../static/assets/images/jxzlogo.ico" th:href="@{/assets/images/jxzlogo.ico}" type="image/x-icon"
          rel="shortcut icon"/>
    <!-- Bootstrap Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/bootstrap.css"
          th:href="@{/assets/css/bootstrap.css}"/>
    <link rel="stylesheet" href="../static/assets/css/select2.min.css" th:href="@{/assets/css/select2.min.css}">

    <!-- FontAwesome Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/font-awesome.css"
          th:href="@{/assets/css/font-awesome.css}"/>
    <!-- Morris Chart Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/js/morris/morris-0.4.3.min.css"
          th:href="@{/assets/js/morris/morris-0.4.3.min.css}"/>
    <!-- Custom Styles-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/custom-styles.css"
          th:href="@{/assets/css/custom-styles.css}"/>
    <!-- Google Fonts-->
    <link type="text/css" rel="stylesheet" href="../static/assets/js/Lightweight-Chart/cssCharts.css"
          th:href="@{/assets/js/Lightweight-Chart/cssCharts.css}">
    <link type="text/css" rel="stylesheet" href="../static/assets/ztree/css/zTreeStyle/zTreeStyle.css"
          th:href="@{/assets/ztree/css/zTreeStyle/zTreeStyle.css}">
    <!--日期插件-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/jeDate-test.css"
          th:href="@{/assets/css/jeDate-test.css}">
    <link type="text/css" rel="stylesheet" href="../static/assets/laydate/theme/default/laydate.css"
          th:href="@{/assets/laydate/theme/default/laydate.css}">
    <!--时间轴-->
    <link type="text/css" rel="stylesheet" href="../static/assets/css/jazz-timeline.css"
          th:href="@{/assets/css/jazz-timeline.css}">
    <!--ztree样式-->
    <link type="text/css" rel="stylesheet" href="../static/assets/ztree/css/demo.css"
          th:href="@{/assets/ztree/css/demo.css}">

    <link type="text/css" rel="stylesheet" href="../static/assets/css/checkbox3.min.css"
          th:href="@{/assets/css/checkbox3.min.css}">
    <link type="text/css" rel="stylesheet" href="../static/assets/fileinput/css/fileinput2.css"
          th:href="@{/assets/fileinput/css/fileinput2.css}"/>
    <!--<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">-->
    <!--富文本css-->
    <link rel="stylesheet" href="../static/assets/css/wangEditor.css" th:href="@{/assets/css/wangEditor.css}"/>

    <!--提示框样式-->
    <link rel="stylesheet" href="../static/assets/css/showBo.css" th:href="@{/assets/css/showBo.css}">


    <link type="text/css" rel="stylesheet" href="../static/assets/css/checkbox3.min.css"
          th:href="@{/assets/css/checkbox3.min.css}">

    <link type="text/css" rel="stylesheet" href="../static/assets/fileinput/css/fileinput2.css"
          th:href="@{/assets/fileinput/css/fileinput2.css}"/>
    <!--<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">-->
    <!--富文本css-->
    <link rel="stylesheet" href="../static/assets/css/wangEditor.css" th:href="@{/assets/css/wangEditor.css}"/>

    <!--提示框样式-->
    <link rel="stylesheet" href="../static/assets/css/showBo.css" th:href="@{/assets/css/showBo.css}">
    <link type="text/css" rel="stylesheet" href="assets/js/dataTables/dataTables.bootstrap.css"
          th:href="@{/assets/js/dataTables/dataTables.bootstrap.css}">
    <link rel="stylesheet" href="../static/assets/js/dataTables/DT_bootstrap.css"
          th:href="@{/assets/js/dataTables/DT_bootstrap.css}">
    <!--日历插件-->
    <link rel="stylesheet" href="../static/assets/js/fullcalendar/fullcalendar.css"
          th:href="@{/assets/js/fullcalendar/fullcalendar.css}">

    <!--上传文件css-->
    <link rel="stylesheet" href="../static/assets/fileinput/css/fileinput2.css"
          th:href="@{/assets/fileinput/css/fileinput2.css}">
    <script type="text/javascript" src="../static/js/jquery-3.4.1.min.js"
            th:src="@{/js/jquery-3.4.1.min.js}"></script>

    <!--supermap-->
    <script src="../static/supermap/classic/include-classic.js"
            th:src="@{/supermap/classic/include-classic.js}"></script>
    <style>
        .span {
            color: red;
        }

        .labelU {
            line-height: 34px;
            text-align: right;
            padding: 0
        }

        body {
            padding-right: 0px !important;
        }

        *.modal-open {
            overflow-y: scroll;
            padding-right: 0 !important;
        }

        textarea {
            padding: 10px 15px 10px 15px;
        }
        .news {
            top: 5px;
            left: 33px;
            color: #fff;
            position: absolute;
            width: 20px;
            height: 20px;
            background: #f67373;
            border-radius: 30px;
            line-height: 20px;
            text-align: center;
        }

        .text-muted {
            color: #aaa;
        }

        .dropdown-menu > li > a i {
            color: #566374;
        }

        .texthover:hover {

        }

        .dropdown-menu > li > a:hover {
            color: #00aaff;
        }

        .cstx {
            width: 20px;
            height: 18px;
            line-height: 20px;
            background: #f78484;
            color: #fff;
            border-radius: 3px;
        }

        .xxtz {
            width: 20px;
            height: 18px;
            line-height: 20px;
            background: #fabe28;
            color: #fff;
            border-radius: 3px;
        }

        .nav_bg {
            width: 100%;
            height: 20px;
            background: #f78484;
        }

        .arrowhead {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 10px solid #f78484;
            position: absolute;
            right: 36px;
            top: -5px;
        }
        .message:hover {
            background-color: #1ebfae;
            color: #ffffff;
        }

        .editPassword:hover {
            background-color: #1ebfae;
            color: #ffffff;
        }

        .address:hover {
            background-color: #1ebfae;
            color: #ffffff;
        }

        .logout:hover {
            background-color: #1ebfae;
            color: #ffffff;
        }
    </style>
</head>
<footer th:fragment="footer">

    <!--<script type="text/javascript" src="../static/assets/js/jquery-2.2.1.min.js"-->
    <!--th:src="@{/assets/js/jquery-2.2.1.min.js}"></script>-->

    <script type="text/javascript" src="../static/assets/js/select2.min.js"
            th:src="@{/assets/js/select2.min.js}"></script>


    <script type="text/javascript" src="../static/assets/js/wangEditor.js"
            th:src="@{/assets/js/wangEditor.js}"></script>
    <!-- Bootstrap Js -->
    <script type="text/javascript" src="../static/assets/js/bootstrap.min.js"
            th:src="@{/assets/js/bootstrap.min.js}"></script>

    <!-- Bootstrap Js -->
    <script type="text/javascript" src="../static/assets/js/bootstrapValidator.js"
            th:src="@{/assets/js/bootstrapValidator.js}"></script>
    <!-- Metis Menu Js -->
    <script type="text/javascript" src="../static/assets/js/jquery.metisMenu.js"
            th:src="@{/assets/js/jquery.metisMenu.js}"></script>
    <script type="text/javascript" src="../static/assets/js/easypiechart.js"
            th:src="@{/assets/js/easypiechart.js}"></script>
    <script type="text/javascript" src="../static/assets/js/easypiechart-data.js"
            th:src="@{/assets/js/easypiechart-data.js}"></script>
    <script type="text/javascript" src="../static/assets/js/echarts.min.js"
            th:src="@{/assets/js/echarts.min.js}"></script>
    <script type="text/javascript" src="../static/assets/js/Lightweight-Chart/jquery.chart.js"
            th:src="@{/assets/js/Lightweight-Chart/jquery.chart.js}"></script>
    <script type="text/javascript" src="../static/js/jquery.serializejson.min.js"
            th:src="@{/assets/js/jquery.serializejson.min.js}"></script>

    <script src="assets/js/dataTables/jquery.dataTables.js"
            th:src="@{/assets/js/dataTables/jquery.dataTables.js}"></script>
    <script src="assets/js/dataTables/dataTables.bootstrap.js"
            th:src="@{/assets/js/dataTables/dataTables.bootstrap.js}"></script>

    <script src="../static/assets/oauth.js" th:src="@{/assets/oauth.js}"></script>
    <script src='../../static/assets/js/echarts-liquidfill.js' th:src="@{/assets/js/echarts-liquidfill.js}"></script>
    <script>
        //用于测试的跳转加载，不需要登陆开发时使用
        function goToTest(e) {
            $.ajax({
                url: e, async: false,
                success: function (result) {
                    $("#containerL").html(result);
                }
            });
        }

        function goTo(e) {
            if (e === '/regional/') {
                window.open(e);
                return;
            }
            if (e === '/index') {
                /**
                 * 隐藏左树菜单和伸展按钮
                 */
                $.ajax({
                    url: e, async: false,
                    success: function (result) {
                        if (result.message === '请重新登录!') {
                            window.location.href = '/login'
                        } else {
                            $("#containerL").html(result);
                        }
                    }
                });
                $('#sideNav').addClass('closed');
                $('#sideNav').css('display', 'none');
                $('#page-wrapper').css("margin-left", "0px");
                $('#navigation').css("left", "-260px");


            } else {
                /**
                 * 展开左树菜单和伸展按钮
                 */
                $('#sideNav').removeClass('closed');
                $('#sideNav').css('display', 'block');
                // $('#page-wrapper').css("margin-left", "0px");
                $('#navigation').css("left", "0px");
                $.ajax({
                    url: e, async: false,
                    success: function (result) {
                        if (result.message === '请重新登录!') {
                            window.location.href = '/login'
                        } else {
                            $("#containerL").html(result);
                            $("#layout").css("display", "block");
                        }
                    }
                });
            }
        }

        function JumpTo(e) {
            var htmlobj = $.ajax({url: e, async: false});
            $("#containerL").html(htmlobj.responseText);
            $("#layout").css("display", "none");
        }

        function goToAndto(e) {

            window.location.href = e;

            gotoHead()
        }

        $(function () {
            var htmlobj = $.ajax({url: "top-head.html", async: false});
            $("#navTop").html(htmlobj.responseText);
            var htmlobj = $.ajax({url: "layout.html", async: false});
            $("#layout").html(htmlobj.responseText);

            // var htmlobj = $.ajax({url: "test.html", async: false});
            // $("#page-wrapper").html(htmlobj.responseText)
        })

        function delHtmlTag(str) {
            return str.replace(/<[^>]+>/g, "");//去掉所有的html标记
        }

    </script>
    <!-- Custom Js -->
    <script type="text/javascript" src="../static/assets/js/custom-scripts.js"
            th:src="@{/assets/js/custom-scripts.js}"></script>
    <script type="text/javascript" src="./static/assets/ztree/js/jquery.ztree.core.js"
            th:src="@{/assets/ztree/js/jquery.ztree.core.js}"></script>
    <script type="text/javascript" src="../static/assets/ztree/js/fuzzysearch.js"
            th:src="@{/assets/ztree/js/fuzzysearch.js}"></script>
    <script type="text/javascript" src="../static/assets/ztree/js/jquery.ztree.exhide.js"
            th:src="@{/assets/ztree/js/jquery.ztree.exhide.js}"></script>
    <script src="../static/assets/ztree/js/jquery.ztree.excheck.js"
            th:src="@{/assets/ztree/js/jquery.ztree.excheck.js}"></script>

    <!--table合并-->
    <script type="text/javascript" src="../static/assets/js/rowspan.js" th:src="@{/assets/js/rowspan.js}"></script>

    <!--提示框js-->
    <script src="../static/assets/js/showBo.js" th:src="@{/assets/js/showBo.js}"></script>

    <script th:src="@{/assets/js/fullcalendar/moment.min.js}"></script>
    <!--日历插件-->
    <script src="../static/assets/js/fullcalendar/fullcalendar.js"
            th:src="@{/assets/js/fullcalendar/fullcalendar.js}"></script>
    <!--上传文件js-->
    <script src="../static/assets/fileinput/js/fileinput2.js" th:src="@{/assets/fileinput/js/fileinput2.js}"></script>
    <script src="../static/assets/fileinput/js/fileinput_locale_zh.js"
            th:src="@{/assets/fileinput/js/fileinput_locale_zh.js}"></script>
    <!--时间插件-->
    <script type="text/javascript" src="../static/assets/laydate/laydate.js"
            th:src="@{/assets/laydate/laydate.js}"></script>
    <!-- 地图 -->
    <!--<script src="../static/supermap/libs/SuperMap.Include.js" th:src="@{/supermap/libs/SuperMap.Include.js}"></script>-->
    <!--<script src="../static/SuperMapConfig.js" th:src="@{/SuperMapConfig.js}"></script>-->
</footer>
</html>